<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SOCialize</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/main.js"></script>
</head>

<body>

<div id="header">	
	<div id="logo"><a href="main.html"><img src="img/logo.png"/></a></div>
	<div id="log_out"><a href="php/logout.php"><img width=60 src="img/logout.png"/></a></div>
    <div class="nav" id="create_group"><a href="create_group.html">Create group</a></div>
    <div class="nav" id="join_group"><a href="join_group.html">Join<br/>group</a></div>
    <div id="user"><a href="profile.html"><img width=60 src="img/profile.png"/></a></div>
	<div id="user-info"></div>
	<script>
	$.post('php/user-info.php', function(info){
        $('#user-info').text(info);
    })
	</script>	
</div>

<div id="groups" class="ellipsis">
	<h1>GROUPS</h1>
</div>
<div id='stat-wrapper'>
	<div id="general_stats">
		<h1>General Statistics</h1>
	</div>
	<div id="general_stat1"></div>
	<br>
	<div id="general_stat2"></div>
	<br>
	<div id="general_stat3"></div>
    <br>
    <div id="general_stat4"></div>
</div>
<div id="content">	
	<div id="group_name"></div>
	<textarea id="write_post" type="text" placeholder="Write something..."></textarea>	
	<input class="post_message" type="button" value="POST"> </input>
	<div id="group_posts"></div>
</div>

<div id="desc-wrapper">
	<div id="gstat-wrapper">
	<div id="grp_descr">
		<h1>Group Description</h1>
	</div>
	<div id="description"></div>
		<div id="grp_stats">
			<h1>Group Statistics</h1>
		</div>
		<div id="statistics1"></div>
		<div id="statistics2"></div>
		<div id="statistics3"></div>
	</div>
</div>



<div id="footer">

</div>

</body>
</html>
